<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人介绍页面</title>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
    <!-- RAP -->
    <script src="http://rap.taobao.org/rap.plugin.js?projectId=8735"></script>
</head>
<body>
<!--当无法获取到数据时显示-->
<div class="error">
    <div>
        <p class="error-title"><i class="error-icon fa fa-exclamation-circle" aria-hidden="true"></i>网络错误！</p>
        <p class="error-detail">由于无法连接到服务器，导致页面无法显示，您可以点击 <a href="">此处</a> 刷新页面。 </p>
    </div>
</div>
<div class="header"></div>
<div class="person">
    <div class="avatar"><img src="img/avatar.jpg" alt=""></div>
    <h3 class="nickname js-nickname"></h3>
    <p class="signature"></p>
</div>
<ul class="information">
    <li class="item"><i class="fa fa-user" aria-hidden="true"></i>账号ID: <span class="js-id"></span></li>
    <li class="item"><i class="fa fa-calendar" aria-hidden="true"></i>注册日期：<span class="js-date"></span></li>
    <li class="item"><i class="fa fa-bars" aria-hidden="true"></i>其他内容<div  class="js-info"></div></li>
    <li class="item"><i class="fa fa-info-circle" aria-hidden="true"></i>其他内容<div  class="js-info2"></div></li>
    <li class="item"><i class="fa fa-star" aria-hidden="true"></i>其他内容<div  class="js-info3"></div></li>
</ul>
<script src="js/zepto.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>